<%--修改笔记界面--%>
<%--
  Created by IntelliJ IDEA.
  User: tangms
  Date: 2022/4/2
  Time: 8:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<style>
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    .title{
        margin: auto;
    }
    .bac_border{
        width: 500px;
        height:700px;
        border: 8px solid #EEEEEE;
        margin: auto;
        padding: 15px;
    }
    .left{
        width: 80px;
        text-align: right;
        height: 80px;
    }
    #title{
        width: 290px;
        height: 43px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
    #content{
        width: 290px;
        height: 300px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
    #submit,#cancle{
        width: 100px;
        height: 30px;
        background-color:lightskyblue;
        align-content: center;
        border: 1px solid lightskyblue;
    }
    #submit{
        margin-right: 20px;
    }
    .end{
        margin-top: 80px;
        margin-bottom: 20px;
    }
    #content{
        width: 290px;
        height: 300px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
</style>
<head>
    <title>Title</title>
</head>
<body>
<div class="bac_border">
    <div class="title1"><p class="word" align="center">修改笔记</p></div>
    <form action="${pageContext.request.contextPath}/updateNoteServlet" method="post">
        <input type="hidden" name="id" value="${notefind.id}">
        <table class="table">
            <tr class="title">
                <td class="left"><label for="title">标题</label></td>
                <td class="right"><input type="text" name="title" id="title" value="${notefind.title}" placeholder="请输入标题"></td>
            </tr>
            <tr class="title">
                <td class="left"><label for="title">区域</label></td>
<%--                <td class="right"><input type="text" name="type" id="type" value="${notefind.type}" placeholder="请输入区域"></td>--%>

                <td class="td_bottom"><c:if test="${notefind.type=='游戏区'}">
                        <input type="radio" name="type" value="游戏区" checked> 游戏区
                        <input type="radio" name="type" value="萌宠区" placeholder="请选择区域"> 萌宠区
                        <input type="radio" name="type" value="美食区" placeholder="请选择区域"> 美食区
                        <input type="radio" name="type" value="体育区" placeholder="请选择区域"> 体育区
                        <input type="radio" name="type" value="动漫区" placeholder="请选择区域"> 动漫区
                        <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </c:if>
                <c:if test="${notefind.type=='萌宠区'}">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域" checked> 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域"> 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域"> 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域"> 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </c:if>
                <c:if test="${notefind.type=='美食区'}">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域" > 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域" checked> 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域"> 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域"> 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </c:if>
                <c:if test="${notefind.type=='体育区'}">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域" > 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域" > 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域" checked> 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域"> 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </c:if>
                <c:if test="${notefind.type=='动漫区'}">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域" > 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域" > 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域" > 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域" checked> 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区
                </c:if>
                <c:if test="${notefind.type=='风景区'}">
                    <input type="radio" name="type" value="游戏区" > 游戏区
                    <input type="radio" name="type" value="萌宠区" placeholder="请选择区域" > 萌宠区
                    <input type="radio" name="type" value="美食区" placeholder="请选择区域" > 美食区
                    <input type="radio" name="type" value="体育区" placeholder="请选择区域" > 体育区
                    <input type="radio" name="type" value="动漫区" placeholder="请选择区域" > 动漫区
                    <input type="radio" name="type" value="风景区" placeholder="请选择区域" checked> 风景区
                </c:if>
                </td>
            </tr>
            <tr class="content">
                <td class="left"><label for="content">内容</label></td>
                <td class="right"><input type="content" name="content" id="content" value="${notefind.content}" placeholder="内容"></td>
            </tr>
            <div class="end" align="center" colspan="3" >
                <input type="submit" id="cancle" value="取消">
                <input type="submit" id="submit" value="提交">
            </div>
        </table>
    </form>
</div>
</body>
</html>
